<!DOCTYPE html>
<html>
<head>
        <meta charset="UTF-8">
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    // $('#test').load('/ajax/gethint.php',"q=f",function(responseTxt,statusTxt,xhr){
    //   if(statusTxt=="success")
    //     alert("外部内容加载成功！" + responseTxt);
    //   if(statusTxt=="error")
    //     alert("Error: "+xhr.status+": "+xhr.statusText);
    // });
    // $.ajax({url:"/ajax/gethint.php", data: "q=k",success:function(result){
	// 		$("h3").html(result);
    //     }})

        // $('#test').load('/ajax/gethint.php', "q=j");

        // $.ajax({url:"/ajax/gethint666.php",data:{q:"h"},success:function(tom){
        //     $("h3").html(tom)
        // },error:function(xhr,status,error){
        //     $("h3").html(xhr.status + xhr.statusText + status + error)

        // }});

        // $.ajax({url:"/ajax/gethint.php",data:{a:"tom ",q:"f"},success:function(tom){
        //     $("h3").html(tom);
        // },type:"GET",error:function(xhr,status,error){
        //     $("h3").html(xhr.status + xhr.statusText + status  + error);
        // }});

        $.post("/ajax/gethint.php" ,$("#testform").serialize(),function(tom,status ){
            $("h3").html(tom   );
        } );

        
  })
})
</script>
</head>

<body>
        <form action="" id="testform">
                First name: <input type="text" name="q" value="g" /><br />
                <input type="text" name="name" value="tom" />
                </form>


<h3 id="test">请点击下面的按钮，通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">获得外部的内容</button>

</body>
</html>
